*{padding:0;margin:0;}
body{width:600px;margin:0 auto;padding:0 2em;font-size:14px;font-family:"Microsoft YaHei";color:#3f3f3f;}
li {list-style: none;}
.main {padding-top: 10px;}
.success,.error  {line-height: 30px;background-color: #efefef;margin-bottom: 10px;}
.success {color:#0c0;}
.error {color:#c00;}
.spantoa {
    color:#00e;
    cursor: pointer;
    text-decoration: underline;
}
header{padding:.5em 0;border-bottom:1px solid #999;}
header .bar {
    height:30px;
    margin-bottom: 20px;
    line-height: 24px;
    border-bottom: 1px solid #999;
}
header .bar .search {width:152px;float: right;}
header .bar .search input {
    float: left;
    border:1px solid #999;
    line-height: 22px;
}
header .bar .search input[type=text] {width:100px;}
header .bar .search input[type=submit] {width:50px;}
nav{float:left;font-family:"Microsoft YaHei";font-size:1.1em;text-transform:uppercase;margin-left:-12em;width:9em;text-align:right;}
nav a{display:block;text-decoration:none;padding:.7em 1em;color:#000000;}
nav a:hover{background-color:#ff0000;color:#f9f9f9;-webkit-transition:color .2s linear;}
article{font-size:16px;padding-top:1em;}
article a{color:#2d85cb;text-decoration:none;}
article a:hover{color:#333333;text-decoration:underline;}
.list>li {border-bottom: 1px solid #ccc;margin-bottom:10px; padding: 5px 0 20px;}
.list .title  {line-height:34px;word-wrap:break-word;word-break:break-all;}
.list .edit{margin:5px 0;}
.list .content {padding:20px 0; border-top: 1px solid #ccc;margin-top: 30px;}

.commentsListTitle,.commentForm .title {
    line-height:40px;
    background: #f3f3f3;
    margin-bottom: 20px;
}
.commentsList dl {
    width: 100%;
}
.commentsList dt {
    width:42px;
    height:42px;
    float: left;
}
.commentsList dt img {
    width:100%;
}
.commentsList dd {
    margin-left:60px;
}
.commentsList em,.commentsList i {
    font-style: normal;
}
.commentForm {
    margin-top: 10px;
}
.commentForm textarea {
    width: 100%;
    border:1px solid #ccc;
    height: 120px;
}
.page {
    padding-top: 30px;
}
.page>* {
    margin:0 5px;
}
.page .prev a{float:left;text-decoration:none;padding:.5em 1em;color:#ff0000;font-weight:bold;}
.page .next a{float:right;text-decoration:none;padding:.5em 1em;color:#ff0000;font-weight:bold;}
.page .prev a:hover,.page .next a:hover{text-decoration:none;background-color:#ff0000;color:#f9f9f9;-webkit-transition:color .2s linear;}
.noData {color:#999;}

.archive dl {
    padding-bottom:15px;
    margin-bottom:15px;
    border-bottom: 1px solid #999;
}
.archive dt {
    font-weight: bold;
    line-height: 32px;
}
.archive dt a {
    float: right;
    font-weight:normal;
}
.archive dd span {
    padding-right: 20px;
}
.tagsList a,.list .tag{background-color:#eee;border-radius:3px;font-size:14px;display:inline-block;padding:0 5px;margin-bottom:8px;}
.tagsList .a:hover,.list .tag:hover{text-decoration:none;background-color:#fff;-webkit-transition:color .2s linear;}
.tagsList a {
    color: #333333;
    padding: 3px 5px;
    margin:5px 3px;
}
.tagsList a:hover {
    text-decoration: none;
    color:#c00;
}

.links a {
    margin-right:30px;
    line-height: 30px;
}

.faceList li {
    float: left;
    width: 50px;
    height: 50px;
    border:1px solid #999;
    cursor: pointer;
    margin:0 5px 5px 0;
}
.faceList .hl {
    border-color: #c00;
}
.faceList img {
    width: 100%;
}
.setting .title {
    text-align: center;
    line-height:20px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.userBox {
    min-height: 160px;
    margin-bottom: 20px;
}
.userBox .face {
    width: 140px;
    height: 140px;
    overflow: hidden;
    float: left;
}
.userBox .info {
    margin-left: 160px;
}
.user .box {
    border-top: 1px solid #999;
    margin:20px 0;
}
.user .box>.title {
    line-height: 40px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc;
}
.user .box>.title .more {
    float: right;
}
.user .box ul span {
    float: right;
}
.reprintFrom {
    padding-bottom: 20px;
}
.commentItem .opts {
    float: right;
}
.commentItem .content {
    padding:10px 0 0;
    border: none;
    margin:0;
}
.commentItem .commentForm {
    margin-top: 10px;
    width: 99.9%;
}
.commentItem .commentForm textarea {
    width: 100%;
    border:1px solid #ccc;
    height: 80px;
}
.errorMsg {
    display: none;
    color: #cc0000;
}

.messages h6 {
    font-size: 1em;
    line-height: 30px;
    border-bottom: 1px solid #999;
}
.messages li {
    padding:10px 0;
    border-bottom: 1px solid #ccc;
}
.messages li p {
    width: 500px;
}
.messages li span {
    float: right;
}
.main {
    width: 100%;
    float: left;
}
.det {
    width: 200px;
    float: right;
    margin-right: -220px;
}
.det .box {
    border-bottom: 1px solid #999;
    margin-bottom: 20px;
}
.det .box>p {
    line-height: 30px;
    font-size: 1em;
    font-weight: normal;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
}
.det .box ul {
    padding:5px;
}
.det .box li {
    width: 100%;
    height: 20px;
    overflow: hidden;
}
textarea[name=intro],textarea[name=content] {
    width: 99.9%;
}
textarea[name=intro] {
    height: 60px;
}
textarea[name=content] {
    height: 300px;
}
.det .user .img {
    width: 50px;
    height: 50px;
}
.det .user .img img {
    width: 50px;
}

.det .friendship a {
    display: block;
    height: 50px;
    padding: 5px 0;
}
.det .friendship a img {
    width: 100%;
    height: 50px;
}
.det .code {
    text-align: center;
}
.det .code img {
    width: 150px;
    height: 150px;
}
.top100 table {
    width: 100%;
}
.top100 table th,.top100 table td {
    vertical-align: middle;
    height: 30px;
    padding: 2px;
    border-bottom: 1px solid #ccc;
    text-align: left;
}
.top100 table th {
    font-weight: bold;
}
.top100 table img {
    width: 30px;
    height: 30px;
}